Lady’s Gitweb - Langdev/blob - urn:fdc:langdev.xyz:20160819:jsv:jst/sources/Legacy x-XX-jt/files/style.css

   1 /*Basic stuff:*/
   2
   3 @font-face {
   4         font-family: 'JCode';
   5         font-weight: normal;
   6         font-style: normal;
   7         src: url('../files/junicode/fonts/Junicode.woff');
   8 }
   9 @font-face {
  10         font-family: 'JCode';
  11         font-weight: bold;
  12         font-style: normal;
  13         src: url('../files/junicode/fonts/Junicode-Bold.woff');
  14 }
  15 @font-face {
  16         font-family: 'JCode';
  17         font-weight: normal;
  18         font-style: italic;
  19         src: url('../files/junicode/fonts/Junicode-Italic.woff');
  20 }
  21 @font-face {
  22         font-family: 'JCode';
  23         font-weight: bold;
  24         font-style: italic;
  25         src: url('../files/junicode/fonts/Junicode-BoldItalic.woff');
  26 }
  27
  28 body {
  29         background: #999ABC;
  30         font-family: 'JCode', serif;
  31         color: black;
  32         -moz-font-feature-settings: "onum" 1;
  33 }
  34 h1 {
  35         font-size: 3em;
  36         text-align: center;
  37         line-height: 1;
  38 }
  39 h2 {
  40         font-size: 1em;
  41         text-align: center;
  42         line-height: 1;
  43 }
  44 h3 {
  45         font-size: 1.5em;
  46 }
  47 *:lang(x-XX-jt) {
  48         color: black!important;
  49 }
  50 dfn {
  51         font-style: normal;
  52 }
  53 .def {
  54         color: #227002!important;
  55 }
  56 a {
  57         text-decoration: none;
  58         color: #454545;
  59 }
  60 a:hover {
  61         color: #747474;
  62 }
  63 *.mainbody p {
  64         text-align: justify;
  65         -moz-text-align-last: center;
  66 }
  67 *.mainbody dt {
  68         color: black;
  69         text-decoration: underline;
  70 }
  71 *.mainbody dd {
  72         text-align: justify;
  73         -moz-text-align-last: center;
  74         color: #227002;
  75 }
  76 *.mpl {
  77         color: #999BAD;
  78         font-style: italic;
  79 }
  80
  81
  82 /*Top banner styling*/
  83 *.topcontainer {
  84         position: absolute;
  85         width: 100%;
  86         left: 0%;
  87         height: 200px;
  88         background: #777899;
  89         top: 0%;
  90         border-bottom: thin solid #535555;
  91         resize: vertical;
  92 }
  93 *.topbanner {
  94         position: absolute;
  95         height: 175px;
  96         background: #EEE8DD;
  97         top: 12.5px;
  98         left: 12.5%;
  99         right: 12.5%;
 100 }
 101 *.toptext {
 102         position: absolute;
 103         -moz-columns: 2;
 104         -moz-column-fill: balance;
 105         -moz-column-gap: 310px;
 106         left: 0%;
 107         top: 0%;
 108         right: 0%;
 109         bottom: 0%;
 110         padding: .8em;
 111         text-align: center;
 112         line-height: 1.8;
 113 }
 114 *.topsvg {
 115         width: 310px;
 116         height: 175px;
 117         margin: auto;
 118 }
 119 svg {
 120         position: absolute;
 121         stroke: black;
 122 }
 123 *.topsvg #textbox {
 124         width: 220px;
 125         position: absolute;
 126         padding-left: 45px;
 127         padding-right: 45px;
 128 }
 129 h2 {
 130         -moz-animation-duration: 2s;
 131         -moz-animation-name: pulse;
 132         -moz-animation-iteration-count: infinite;
 133 }
 134 @-moz-keyframes pulse {
 135         from {
 136                 font-size: 1em;
 137         }
 138         50% {
 139                 font-size: 1.2em;
 140         }
 141         to {
 142                 font-size: 1em;
 143         }
 144 }
 145
 146
 147 /*Sidebar styling*/
 148 *.sidecontainer{
 149         position: absolute;
 150         top: 210px;
 151         bottom: 10px;
 152         width: 35%;
 153         left: 0%;
 154 }
 155 *.sidebar{
 156         position: absolute;
 157         height: 92.5%;
 158         left: 5%;
 159         right: 5%;
 160         border: 5px solid #555666;
 161         background: #EEE8DD;
 162         padding: 5%;
 163         overflow: auto;
 164 }
 165 *.pro {
 166         font-size: 90%;
 167 }
 168
 169
 170 /*Main table styling*/
 171 *.mainbody {
 172         margin-top: 210px;
 173         margin-left: 37.5%;
 174         margin-right: 2.5%;
 175         margin-bottom: 10px;
 176         color: #334566;
 177         position: absolute;
 178         top: 0px;
 179         bottom: 0px;
 180         overflow-y: auto;
 181         border: 3px solid #545454;
 182         background: #EEEEEE;
 183         padding-left: .2em;
 184         padding-right: .2em;
 185 }
 186 table {
 187         background: #CCCCCC;
 188         width: 100%;
 189 }
 190 .sel {
 191         background: #CCCCCC;
 192         height: 1.8em;
 193         text-align: right;
 194         -moz-columns: 2;
 195 }
 196 select {
 197         width: 50%;
 198         margin-left: 0%;
 199         margin-right: 50%;
 200 }
 201 #cc {
 202         background: #000000;
 203         font-size: 85%;
 204 }
 205 td:hover {
 206         background: #F6F6F6;
 207 }
 208 td {
 209         border: thin solid #A0A0A0;
 210         padding-right: .8em;
 211         padding-left: .8em;
 212 }
 213 tr {
 214         background: #DDDDDD;
 215 }
 216 tr:hover {
 217         background: #EBEBEB;
 218 }
 219 col:first-child {
 220         width: 15%;
 221         height: 100%;
 222 }
 223 col:nth-child(2) {
 224         width: 45%;
 225 }
 226 col:last-child {
 227         width: 40%;
 228 }
 229 *.header {
 230         background: none!important;
 231 }
 232 *.header td {
 233         text-decoration: underline;
 234         color: #001155;
 235         border: none!important;
 236         background: none!important;
 237 }
 238 thead tr {
 239         background: none!important;
 240         text-decoration: underline;
 241         color: black;
 242 }
 243 *.empty {
 244         background: none!important;
 245         border: none;
 246         height: .2em;
 247 }